﻿/* Login by Ribinha com CSS3 Testando */

body
{
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8db0f8), to(#8db0f8));   
   background:  -moz-linear-gradient(19% 75% 90deg,#3600ff, #8db0f8);   
   margin-left:auto;
   margin-right:auto;
   margin-top:50px;
   width:304px;
}
form {
    width: 250px;
    padding: 20px;
    border: 0px solid #86a5e3;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;

    background:  -moz-linear-gradient(19% 75% 90deg,#3600ff, #3276ff);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3276ff), to(#3600ff));
 
    -moz-box-shadow:0px -5px 300px #270644;
    -webkit-box-shadow:0px -5px 300px #270644;
}

input {
     width: 230px;
    background: #3276ff;
    padding: 6px;
    margin-bottom: 10px;
    border-top: 1px solid #ad64e0;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
 
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;
 
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
}

input:hover {
    -webkit-box-shadow: 0px 0px 4px #000;
    background: #6693f0;
}

input.submit {
    width: 100px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: #000 1px 1px;
    border-top: 1px solid #ad64e0;
    margin-top: 10px;
 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3276ff), to(#3600ff));   
    background:  -moz-linear-gradient(19% 75% 90deg,#3600ff, #3276ff);   
}


/* Login by Ribinha com CSS3 Testando Fim*/